ul{
	list-style: none;
}
.navrouter ul{
	padding-left: 225px;
	padding-top: 15px;
	padding-bottom: 25px;
}
.navrouter ul li{
	float: left;
	padding: 0 15px;
}
.navrouter ul li a{
	font-size: 14px;
	color: #333;
}
.navrouter ul li a:hover{
	color: #31c27c;
	text-decoration: none;
}
.newsong{
	height: 734px;
    background: #000 url(https://y.gtimg.cn/mediastyle/yqq/img/bg_index_new.jpg) 50% 0 repeat-x;
    position: relative;
}
.newsong-main{
	margin: 0 auto;
	width: 1200px;
	height: 683px;
	z-index: 2;
	position: relative;
}
.newsong-main-title{
    position: absolute;
    left: 354px;
    top:60px;
    width: 490px;
    height: 48px;
    margin: 0 auto 50px;
}
.newsong-main-title h2{
	color: white;
	font-weight: 400;
    text-align: center;
    font-size: 44px;
}
.newsong-main-title div{
	position: absolute;
	width: 120px;
	height: 1px;
	border-bottom: 1px solid #fff;
}
.left-line{
	top:45px;
	left: 0;
}
.right-line{
	top:45px;
	right: 0;
}
.newsongrouter{
	position: absolute;
	top: 167px;
	left:300px;
}
.newsongrouter ul li{
	float: left;
	padding: 0px 33px;
	font-size: 16px;
}
.newsongrouter ul li a{
	color: #999;
}
.newsongrouter ul li a:hover{
	color: white;
	text-decoration: none;
}
.lunbo1{
	width: 1200px;
	height: 415px;
	position: absolute;
	top: 215px;
}
.swiper-container {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.swiper-slide {
    font-size: 18px;
    color:#fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.swiper-slide ul{
	width: 1200px;
	height: 415px;
	overflow: hidden;
	padding: 0;
}
.swiper-slide ul li{
	width: 300px;
	height: 415px;
	float: left;
	
}
.swiper-slide ul li .list-box{
	width: 300px;
	height: 415px;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	position: relative;
}
.gogogo{
	display: none;
	position: absolute;
	left:50%;
	top:90px;
	margin-left: -35px;
	width: 70px;
	height: 70px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/cover_play.png?max_age=2592000&v=88abebcbc1242dbbbbc836cc3e04a006);
}
.swiper-slide ul li .list-box:hover{
	background:#31c27c ;
}
.swiper-slide ul li .list-box:hover a{
	text-decoration: none;
}
.swiper-slide ul li .list-box img{
	width: 300px;
	height: 300px;
}
.swiper-slide ul li .list-box:hover img{
	transform: scale(1.05);
    transition: all 0.5s; 
}
.swiper-slide ul li .list-box h4{
	text-align: center;
	color: white;
	margin-top: 25px;
	font-size: 14px;
}
.swiper-slide ul li .list-box p{
	text-align: center;
	color: white;
	margin-top: 20px;
	font-size: 14px;
}
.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.recommend{
	width: 100%;
	position: relative;
}
.recommend-main{
	width: 1200px;
	height: 610px;
	margin: 0 auto;
	position: relative;
}
.recommend-main-title{
    position: absolute;
    left: 354px;
    top:60px;
    width: 490px;
    height: 48px;
    margin: 0 auto 50px;
    
}
.recommend-main-title h2{
	color: white;
	font-weight: 400;
    text-align: center;
    font-size: 44px;
    color: #333;
}
.recommend-main-title div{
	position: absolute;
	width: 120px;
	height: 1px;
	border-bottom: 1px solid #333;
}
.lunbo2{
	background: white;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
    position: absolute;
    top:215px;
}
.lunbo2 .swiper-container {
    width:1200px;
    height: 315px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.lunbo2 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 751px;
    height: 300px;

}
.lunbo1 .swiper-pagination{
	margin-left: 522px;
	margin-top: 30px;
}
.lunbo2 .swiper-pagination{
	margin-left: 445px;
	margin-top: 30px;
}
.toplist{
	margin-top: 50px;
}
.toplist-bg{
	height: 830px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/bg_index_top2.jpg);
}
.toplist-main{
	width: 1200px;
	height: 830px;
	margin: 0 auto;
	position: relative;
}
.toplist-main-title{
    position: absolute;
    left: 354px;
    top:60px;
    width: 490px;
    height: 48px;
    margin: 0 auto 50px;
}
.toplist-main-title h2{
	color: white;
	font-weight: 400;
    text-align: center;
    font-size: 44px;
}
.toplist-main-title div{
	position: absolute;
	width: 120px;
	height: 1px;
	border-bottom: 1px solid #fff;
}
.toplist-main-list{
	width: 1200px;
	height: 567px;
	position: absolute;
	top: 190px;
}
.toplist-main-list ul{
	width: 1200px;
	height: 567px;
	padding: 0;
	overflow: hidden;
}
.toplist-main-list ul li{
	width: 300px;
	height: 567px;
	float: left;
	position: relative;
	overflow: hidden;
}
.toplist-main-list ul li:hover .bg{
	transform: scale(1.1);
    transition: all 0.5s; 
}
.toplist-main-list ul .li1 .bg{
	width: 300px;
	height: 567px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/bg_index_top.jpg?max_age=2592000&v=2591d4829162dfda6b9112c771edda86);
}
.toplist-main-list ul .li2 .bg{
	width: 300px;
	height: 567px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/bg_index_top.jpg?max_age=2592000&v=2591d4829162dfda6b9112c771edda86);
	background-position: -300px 0;
}
.toplist-main-list ul .li3 .bg{
	width: 300px;
	height: 567px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/bg_index_top.jpg?max_age=2592000&v=2591d4829162dfda6b9112c771edda86);
	background-position: -600px 0;
}
.toplist-main-list ul .li4 .bg{
	width: 300px;
	height: 567px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/bg_index_top.jpg?max_age=2592000&v=2591d4829162dfda6b9112c771edda86);
	background-position: -900px 0;
}
.toplist-main-list-title{
	width: 200px;
	height: 110px;
	position: absolute;
	left: 50%;
	top:80px;
	margin-left: -100px;
}
.toplist-main-list-title h2{
	color: white;
	text-align: center;
	font-weight: 900;
	font-size: 34px;
	margin-top: 0;
}
.toplist-main-list-title h3{
	color: white;
	text-align: center;
	font-weight: 100;
	margin-top: 0;
}
.toplist-main-list .ul-ul{
	width: 180px;
	height: 220px;
	position: absolute;
	left: 50%;
	top:282px;
	margin-left: -90px;
}
.ul-ul .li-li{
	width: 180px;
	height: 45px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.li-li .number{
	position: absolute;
	left:0;
	top: 0;
	color: white;
	font-size: 16px;
}
.li-li .songname{
	position: absolute;
	left:20px;
	font-size: 16px;
	color: white;
	margin-bottom: 2px;
	
	text-overflow: ellipsis;
	white-space: nowrap;
}
.li-li .singername{
	position: absolute;
	left: 20px;
	top:26px;
	color: white;
}
.li-li a{
	color: white;
	text-decoration: none;
}
.action{
	position: absolute;
	display: none;
	width: 70px;
	height: 70px;
	left: 50%;
	top:184px;
	margin-left: -35px;
	background: url(https://y.gtimg.cn/mediastyle/yqq/img/cover_play.png?max_age=2592000&v=88abebcbc1242dbbbbc836cc3e04a006);
}
.no-action{
	position: absolute;
	display: block;
	width: 70px;
	height: 2px;
	background: white;
	left: 50%;
	top: 220px;
	margin-left: -35px;
}
.hotsong{
	width: 100%;
	position: relative;
}
.hotsong-main{
	width: 1200px;
	height: 758px;
	margin: 0 auto;
	position: relative;
}
.hotsong-main-title{
    position: absolute;
    left: 354px;
    top:60px;
    width: 490px;
    height: 48px;
    margin: 0 auto 50px;
    
}
.hotsong-main-title h2{
	color: white;
	font-weight: 400;
    text-align: center;
    font-size: 44px;
    color: #333;
}
.hotsong-main-title div{
	position: absolute;
	width: 120px;
	height: 1px;
	border-bottom: 1px solid #333;
}
.lunbo3{
	position: absolute;
	top: 215px;
	width: 1200px;
	height: 465px;
}
.lunbo3 .swiper-container {
    width: 100%;
    height: 100%;
}
.lunbo3 .swiper-slide {
    background-position: center;
    background-size: cover;
}
.lunbo3 .swiper-slide ul{
	width: 1200px;
	height: 465px;
}
.lunbo3 .swiper-slide ul li{
	width: 300px;
	height: 465px;
	overflow: hidden;
}
.lunbo3 .swiper-slide ul li:hover{
	background: #31c27c;
	 
}
.lunbo3 .swiper-slide ul li img:hover{
	transform: scale(1.1);
    transition: all 0.5s;
}
.lunbo3 .swiper-slide ul li a{
	color: white;
}
.lunbo3 .swiper-slide ul li a h4{
	margin-top: 50px;
	padding:0 40px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.lunbo3 .swiper-slide ul li a:hover{
	text-decoration: none;
}
.lunbo3 .swiper-slide ul li span{
	padding:0 40px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 65px;
}
.debut{
	position: relative;
	background: #e6e6e6;
}
.debut-main{
	width: 1200px;
	height: 860px;
	margin: 0 auto;
	position: relative;
}
.debut-main-title{
    position: absolute;
    left: 354px;
    top:60px;
    width: 490px;
    height: 48px;
    margin: 0 auto 50px;
    
}
.debut-main-title h2{
	color: white;
	font-weight: 400;
    text-align: center;
    font-size: 44px;
    color: #333;
}
.debut-main-title div{
	position: absolute;
	width: 120px;
	height: 1px;
	border-bottom: 1px solid #333;
}
.debutrouter{
	position: absolute;
	top: 167px;
	left:250px;
}
.debutrouter ul li{
	float: left;
	padding: 0px 33px;
	font-size: 16px;
}
.debutrouter ul li a{
	color: #999;
}
.debutrouter ul li a:hover{
	color: white;
	text-decoration: none;
}
.debut-list{
	width: 1200px;
	height: 608px;
	position: absolute;
	top:215px;
}
.debut-list ul{
	width: 1200px;
	height: 608px;
	padding: 0;
}
.debut-list ul li{
	width: 25%;
	height: 50%;
	float: left;
}
.debut-list ul li .list-list{
	width: 100%;
	height: 271px;
	overflow: hidden;
}
.debut-list ul li .list-list img{
	width: 300px;
}
.debut-list ul li .list-list img:hover{
	transform: scale(1.1);
    transition: all 0.5s; 
}
.debut-list ul li .list-list h3{
	font-size: 16px;
	text-align: center;
}
.debut-list ul li .list-list h3 a{
	color: #333;
}
.debut-list ul li .list-list p{
	font-size: 14px;
	text-align: center;
	margin-top: -6px;
	color: #999;
}
.debut-list ul li .list-list p a{
	color: #999;
}
.debut-list ul li .list-list h3 a:hover{
	color:#31c27c;
	text-decoration: none;
}
.debut-list ul li .list-list p a:hover{
	color:#31c27c;
	text-decoration: none;
}
